<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <head th:insert="/common/common :: commonSource('主页')"></head>
</head>
<body class="layui-layout-body">
<div class="main-layout" id='main-layout'>
    <input id="page-index" value="1" type="hidden">
    <div th:insert="/common/sider"></div>
    <div class="main-layout-container">
        <div th:insert="/common/header"></div>
        <!--主体内容-->
        <div class="main-layout-body">
            <!--tab 切换-->
            <div class="layui-tab layui-tab-brief main-layout-tab" lay-filter="tab"
                 lay-allowClose="true">
                <ul class="layui-tab-title">
                    <li class="layui-this welcome">主页</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show" style="background: #f5f5f5;">
                        <div class="wrap-container welcome-container">
                            <div class="row">
                                <div class="welcome-left-container col-lg-9">
                                    <div class="data-show">
                                        <ul class="clearfix">
                                            <li class="col-sm-12 col-md-4 col-xs-12">
                                                <a href="javascript:;" class="clearfix">
                                                    <div class="icon-bg bg-org f-l">
                                                        <span class="iconfont">&#xe606;</span>
                                                    </div>
                                                    <div class="right-text-con">
                                                        <p class="name">首页在线数</p>
                                                        <p><span id="home-online-count"
                                                                 class="color-org">0</span>数据<span
                                                                class="iconfont">&#xe628;</span></p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="col-sm-12 col-md-4 col-xs-12">
                                                <a href="javascript:;" class="clearfix">
                                                    <div class="icon-bg bg-blue f-l">
                                                        <span class="iconfont">&#xe602;</span>
                                                    </div>
                                                    <div class="right-text-con">
                                                        <p class="name">已出数</p>
                                                        <p><span
                                                                class="color-blue">189</span>数据<span
                                                                class="iconfont">&#xe628;</span></p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="col-sm-12 col-md-4 col-xs-12">
                                                <a href="javascript:;" class="clearfix">
                                                    <div class="icon-bg bg-green f-l">
                                                        <span class="iconfont">&#xe605;</span>
                                                    </div>
                                                    <div class="right-text-con">
                                                        <p class="name">评论数</p>
                                                        <p><span
                                                                class="color-green">221</span>数据<span
                                                                class="iconfont">&#xe60f;</span></p>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!--图表-->
                                    <div class="chart-panel panel panel-default">
                                        <div class="panel-body" id="chart" style="height: 376px;">
                                        </div>
                                    </div>
                                    <!--服务器信息-->
                                    <div class="server-panel panel panel-default">
                                        <div class="panel-header">服务器信息</div>
                                        <div class="panel-body clearfix">
                                            <div class="col-md-2">
                                                <p class="title">系统信息</p>
                                                <span class="info" id="system-info-os"></span>
                                            </div>
                                            <div class="col-md-2">
                                                <p class="title"> java版本</p>
                                                <span class="info" id="system-info-java"></span>
                                            </div>
                                            <div class="col-md-2">
                                                <p class="title">总内存</p>
                                                <span class="info" id="system-info-tm"></span>
                                            </div>
                                            <div class="col-md-2">
                                                <p class="title">可用内存</p>
                                                <span class="info" id="system-info-fm"></span>
                                            </div>
                                            <div class="col-md-2">
                                                <p class="title">服务器当前时间</p>
                                                <span class="info" id="system-info-time"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="welcome-edge col-lg-3">
                                    <div class="panel panel-default comment-panel ">
                                        <div class="panel-header">最新留言</div>
                                        <div class="panel-body">
                                            <div class="commentbox comment-box-div comment-list-div">
                                                <ul class="commentList" id="message-container-id">

                                                </ul>
                                            </div>
                                            <div id="pagesbox"
                                                 style="text-align: center;padding-top: 5px;">

                                            </div>
                                        </div>
                                        <div class="panel-header layui-row">
                                            <div class="layui-col-md9">
                                                <textarea id="comment-text-input"
                                                          placeholder="请输入内容"
                                                          class="layui-textarea comment-textarea"></textarea>
                                            </div>
                                            <div class="layui-col-md3">
                                                <a href="javascript:void(0)"
                                                   class="layui-btn comment-submit-btn"
                                                   id="comment-submit-btn">评论</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--联系-->
                                    <div class="panel panel-default contact-panel">
                                        <div class="panel-header">不要联系我们</div>
                                        <div class="panel-body">
                                            <p>QQ：#####</p>
                                            <p>E-mail:######@qq.com</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer">
        <div th:insert="/common/footer"></div>
    </div>
</div>
<script type="text/javascript" th:src="@{/static/js/lib/home/home.js}"></script>
<script type="text/javascript" th:src="@{/static/js/lib/home/chattingServer.js}"></script>
<script type="text/javascript" th:src="@{/static/js/lib/home/weather.js}"></script>
</body>
</html>